<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>SB Admin 2 - Bootstrap Admin Theme</title>

<!-- Bootstrap Core CSS -->
<link href="../bower_components/bootstrap/dist/css/bootstrap.min.css"
	rel="stylesheet">

<!-- MetisMenu CSS -->
<link href="../bower_components/metisMenu/dist/metisMenu.min.css"
	rel="stylesheet">

<!-- Custom CSS -->
<link href="../dist/css/sb-admin-2.css" rel="stylesheet">

<!-- Morris Charts CSS -->
<link href="../bower_components/morrisjs/morris.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="../bower_components/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">

</head>

<body>

	<div id="wrapper">


		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-static-top" role="navigation"
			style="margin-bottom: 0">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html">Happy Pet后台管理</a>
			</div>
			<!-- /.navbar-header -->
			<ul class="nav navbar-top-links navbar-right">


				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown" href="#"> <i class="fa fa-bell fa-fw"></i>
				</a></li>
				<!-- /.dropdown -->
				<li class="dropdown">
				<a class="dropdown-toggle"
					data-toggle="dropdown" href="#"> <i class="fa fa-user fa-fw"></i>
				</a>
				<ul class="dropdown-menu dropdown-user">
                            <li><a href="manager.html"><i class="fa fa-gear fa-fw"></i> 设置</a>
                            </li>
                            <li class="divider"></li>
                            <li ><a href="../../BLogout"><i class="fa fa-sign-out fa-fw"></i> 退出</a>
                            </li>
                  </ul>
				</li>
				<!-- /.dropdown -->
			</ul>
			<!-- /.navbar-top-links -->

			<div class="navbar-default sidebar" role="navigation">
				<div class="sidebar-nav navbar-collapse">
					<ul class="nav" id="side-menu">

						<li><a href="index.html"><i class="fa fa-dashboard fa-fw"></i> 主页</a>
						</li>

						<li class="power-1"><a href="#"><i class="fa fa-edit fa-fw"></i> 宠物管理<span
								class="fa arrow"></span></a>

							<ul class="nav nav-second-level" id="pets-manager-list">


							</ul> <!-- /.nav-second-level --></li>

						<li class="power-2"><a href="#"><i class="fa fa-dashboard fa-fw"></i>
								业务处理<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level">
								<li><a href="deal.html#2">订单处理</a></li>
							</ul> <!-- /.nav-second-level --></li>

						<li class="power-3"><a href="#"><i class="fa fa-bar-chart-o fa-fw"></i>
								营业分析<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level">
								<li><a href="stats.html#1">收支查询及统计</a></li>
							</ul> <!-- /.nav-second-level --></li>

						<li class="power-4"><a href="user.html"><i class="fa fa-sitemap fa-fw"></i>
								会员管理</a></li>

						<li class="power-5"><a href="manager.html"><i class="fa fa-wrench fa-fw"></i>
								员工管理</a></li>




					</ul>
				</div>
				<!-- /.sidebar-collapse -->
			</div>
			<!-- /.navbar-static-side -->
		</nav>


		<!-- Page Content -->
		<div id="page-wrapper">
			<div class="container-fluid">

				<div class="col-lg-12">
					<h1 class="page-header">财务统计</h1>
				</div>
				<!-- /.col-lg-12 -->
				<div class="col-lg-12">


					<ul id="myTab" class="nav nav-tabs">
						<li class="active"><a href="#home" data-toggle="tab">
								请选择查询时间 </a></li>
				<!-- 		<li><a href="#ios" data-toggle="tab">按天查询</a></li>
						<li><a href="#ejb" tabindex="-1" data-toggle="tab">按月查询</a></li>
 -->
					</ul>
					开始日：<span><li class="laydate-icon" id="start"
								style="width: 200px; margin-right: 10px;"></li></span> 结束日：<span><li
								class="laydate-icon" id="end" style="width: 200px;"></li></span>
					<div id="myTabContent" class="tab-content">
						<div class="tab-pane fade in active" id="home">
							
							<button class="btn btn-primery" id="date-btn-1">确定</button>
						</div>
						<!-- <div class="tab-pane fade" id="ios">
							<button class="btn btn-primery" id="date-btn-2">确定</button>
						</div>
						<div class="tab-pane fade" id="ejb">
							<button class="btn btn-primery" id="date-btn-3">确定</button>
						</div> -->
					</div>



				</div>






				<div class="row">
					<div class="col-lg-12">
						<!-- -------------------------------============================================ -->




						<!--表格-->

						<div class="col-lg-6">
							<div class="panel panel-default">
								<div class="panel-heading">收支表</div>
								<!-- /.panel-heading -->
								<div class="panel-body">
									<div class="table-responsive">
										<table class="table table-striped">
											<thead>
												<tr>
													<th>#</th>
													<th>收入</th>
													<th>支出</th>
													<th>时间</th>
												</tr>
											</thead>
											<tbody>
											</tbody>
										</table>
									</div>
									<!-- /.table-responsive -->
								</div>
								<!-- /.panel-body -->
							</div>
							<!-- /.panel -->
						</div>
						<!-- /.col-lg-6 -->




						<!-- 折线图 -->
						<div class="col-lg-6">
							<div class="panel panel-default">
								<div class="panel-heading">营业分析折线图</div>
								<!-- /.panel-heading -->
								<div class="panel-body">
									<div class="chart-1"></div>

								</div>
								<!-- /.panel-body -->
							</div>
							<!-- /.panel -->
						</div>
						<!-- /.col-lg-6 -->


						<!-- 柱状图 -->
						<div class="col-lg-6">
							<div class="panel panel-default">
								<div class="panel-heading">收支对比柱状图</div>
								<!-- /.panel-heading -->
								<div class="panel-body">
									<div class="chart-2"></div>

								</div>
								<!-- /.panel-body -->
							</div>
							<!-- /.panel -->
						</div>
						<!-- /.col-lg-6 -->





						<!-- 饼图 -->
						<div class="col-lg-6">
							<div class="panel panel-default">
								<div class="panel-heading">收支分析图</div>
								<!-- /.panel-heading -->
								<div class="panel-body">
									<div class="chart-3"></div>
		
								</div>
								<!-- /.panel-body -->
							</div>
							<!-- /.panel -->
						</div>
						<!-- /.col-lg-6 -->














						<!-- =========================================================================== -->
					</div>
					<!-- /.col-lg-12 -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.container-fluid -->
		</div>
		<!-- /#page-wrapper -->

	</div>
	<!-- /#wrapper -->

	<!-- jQuery -->
	<script src="../bower_components/jquery/dist/jquery.min.js"></script>

	<!-- Bootstrap Core JavaScript -->
	<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

	<!-- Metis Menu Plugin JavaScript -->
	<script src="../bower_components/metisMenu/dist/metisMenu.min.js"></script>

	<!-- Morris Charts JavaScript -->
	<script src="../bower_components/raphael/raphael-min.js"></script>
	<script src="../bower_components/morrisjs/morris.min.js"></script>
	<script src="../js/morris-data-stats-1.js"></script>

	<!-- 时间标签 -->
	<script src="../js/laydate.js"></script>
	
		<script src="../js/show-list.js"></script>


	<!-- Custom Theme JavaScript -->
	<script src="../dist/js/sb-admin-2.js"></script>



</body>

</html>
